@import 'global_config.scss';

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
  
ul {
    list-style: none;
}

i,a {
    text-decoration: none;
}

img {
    width: 100%;
    height: 100%;
}

body,html{
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: $fontFamily_2;
    font-size: $fontMedium;
    color: $PrimaryTextColor;
}


#app {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    // text-align: center;
}

.gs-filter {
    background-color: hsla(0,0%,100%,.25);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(30px);
    box-shadow: none;
    transition: all .5s;
}

.pointer {
    cursor: pointer;
}

.full-layout {
    width: 100%;
    height: 100%;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.oneline {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space: nowrap;
    /* 这两个在技术上是一样的, 为了兼容了浏览器两个都加上 */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* 这个的使用在web-kit中有些危险，他可能会阶段所有东西 */
    word-break: break-all;
    /* Instead use this non-standard one: */
    // word-break: break-word;

    /* 如果浏览器支持的话增加一个连接符(Blink不支持) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-w {
    width: 100%;
}

.full-h {
    height: 100%;
}

.z-popper {
    z-index: 9996 !important;   
}

.z-popover {
    z-index: 2101 !important;
}


/* chrome & safari 浏览器 */
.scrollbar::-webkit-scrollbar {  /* 滚动条整体部分 */
    width:6px;
    margin: 2px 20px 2px 4px;
}
.scrollbar::-webkit-scrollbar-button { /* 滚动条两端的按钮 */
    width:6px;
    height: 0px;
    background-color: #ededed;
}
.scrollbar::-webkit-scrollbar:horizontal {
    height:6px;
    margin-bottom:2px;
}
.scrollbar::-webkit-scrollbar-track {  /* 外层轨道 */
    border-radius: 10px;
}
.scrollbar::-webkit-scrollbar-track-piece {  /*内层轨道，滚动条中间部分 */
    background-color: #ededed;
    border-radius: 10px;
}
.scrollbar::-webkit-scrollbar-thumb {  /* 滑块 */
    width:6px;
    border-radius: 10px;
    background: #bfbfbf;
}
.scrollbar::-webkit-scrollbar-corner { /* 边角 */
    width: 6px;
    background-color: #ededed;
}
.scrollbar::-webkit-scrollbar-thumb:hover { /* 鼠标移入滑块 */
    background: #b2b2b2;
}